跳到主要内容

黑幕CSS无法在IOS的Safari浏览器上正确显示?

· 阅读需 1 分钟
Kyoku⭐==
梦想是成为可以每天睡满10小时的人。

其实原因相当简单,Safari是基于Webkit内核的,所以有些不兼容的CSS会无法展示,只需要修改一下CSS替换成兼容的CSS即可。

当当,这种事情当然就交给我们的Chatgpt先生来做啦!

.heimu,
.heimu a,
a .heimu,
.heimu a.new {
background-color: var(--dark-block);
color: var(--dark-block);
text-shadow: none;
-webkit-background-color: var(--dark-block);
-webkit-color: var(--dark-block);
-webkit-text-fill-color: var(--dark-block);
-webkit-text-stroke-color: var(--dark-block);
}
.heimu:hover,
.heimu:active,
.heimu:hover .heimu,
.heimu:active .heimu {
color: var(--blocked-text) !important;
-webkit-color: var(--blocked-text) !important;
-webkit-text-fill-color: var(--blocked-text) !important;
-webkit-text-stroke-color: var(--blocked-text) !important;
}
.heimu:hover a,
a:hover .heimu,
.heimu:active a,
a:active .heimu {
color: lightblue !important;
-webkit-color: lightblue !important;
-webkit-text-fill-color: lightblue !important;
-webkit-text-stroke-color: lightblue !important;
}
.heimu:hover .new,
.heimu .new:hover,
.new:hover .heimu,
.heimu:active .new,
.heimu .new:active,
.new:active .heimu {
color: #ba0000 !important;
-webkit-color: #ba0000 !important;
-webkit-text-fill-color: #ba0000 !important;
-webkit-text-stroke-color: #ba0000 !important;
}

堂堂完事!